.avatar {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    vertical-align: middle;
}
.rectangular {
    height: 36px;
}
.shellPage_company_name{
    color: #ee7e38;
    font-weight: 600;
    font-size: 1.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0 10px;
    cursor: pointer;
}

.shellPage_user_name{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding: 0 10px;
    cursor: pointer;
}
.iframe-hack {
    width: 100%;
    height: 100%;
}

.ShellPage{
    height: 100%;
}
.Nav{
    padding: 0 12px;
}

.Nav:hover{
    background-image: radial-gradient(at bottom,  rgba(30, 129, 248, 0.4),  rgba(0,0,0,0), rgba(0,0,0,0));
    color: rgb(30, 129, 248)!important;
}
.active{
    background-image: radial-gradient(at bottom,  rgba(30, 129, 248, 0.4),  rgba(0,0,0,0), rgba(0,0,0,0));
    color: rgb(30, 129, 248)!important;
}

.next-shell-content-inner{
    height: 100%;
}
.next-shell-light .next-shell-main {
     background: rgba(0, 0, 0, 0);
}
.shellPage_content{
    background: rgba( 255, 255, 255, 0.2 );
    box-shadow: 0 0px 8px 0 rgba(31, 38, 135, 0.2);
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 8px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    margin: 16px;
}

.footer_content{
    color: #5d5d5d;
}